/**
*  ab 全局样式，针对通用的部分 css 定义，每个css 请详细描述css 场景用途。
*/

// text 类型的按钮变窄一点
// text 类型的按钮 并排时，取消padding
.el-table-fixed-column--right{
  .el-button.is-text{
    padding: 8px 12px;
  }
  .el-button.is-text+.el-button{
    margin-left: 0px !important;
  }
}

th.el-table-fixed-column--right{
  background: #f5f7fa !important;
}

th.el-table-fixed-column--left {
  background: #f5f7fa !important;
}


// 列表页 ab-table  hover 样式默认追随主题
tr.hover-row>td.el-table__cell {
  background-color: var(--el-color-primary-light-9) !important;;
}

// 拖拽元素，让鼠标显示为拖拽
.move-btn {
  cursor: move;
}
 
// flex 布局中最后一个元素，居右
.flex-right {
  margin-left: auto
}


// 最长文本限制，超出后 显示 ...
.maxlength-120, .maxlength-200, .maxlength-300, .maxlength-500 {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.maxlength-120 {
  max-width: 120px;
}
.maxlength-200 {
  max-width: 200px;
}
.maxlength-300 {
  max-width: 300px;
}
.maxlength-500 {
  max-width: 500px;
}



// 对话框特别样式的 TODO 迁移至对话框组件
.ab-dialog> .el-dialog__header{
  padding: 14px 16px;
  line-height: 1;
  border-bottom: 1px solid #e8eaec;
}

.ab-dialog> .el-dialog__title{
  display: inline-block;
  width: 100%;
  height: 20px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #17233d;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialog_body_nopadding> .el-dialog__body{
   padding:0px !important
}

.dialog_no_header> .el-dialog__header{
  display: none;
}
